<!-- Importamos los metodos js del abm de instituciones-->
<script type="text/javascript" src="<?php echo base_url(); ?>js/funciones_instituciones.js"></script>

<!-- Importamos la libreria jquery numeric -->
<script type="text/javascript" src="<?php echo base_url(); ?>jquery/jquery.numeric.js"></script>

<script type="text/javascript">
	//Esto se ejecuta cuando se termina de cargar la web
	$(document).ready(function(){
		//Le damos el foco al primer campo del formulario
		$("#nombre").focus();
		
		//Especificamos los campos que tienen restricciones en los valores de entrada
		$('#notaMinima').numeric();
	});
</script>

<div class="breadcrumbs" id="breadcrumbs">
	<script type="text/javascript">
		try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
	</script>

	<!-- Informacion de las secciones abiertas -->
	<ul class="breadcrumb">
		<li>
			<i class="icon-home home-icon"></i>
			<a href="<?php echo(site_url("inicio")); ?>">Inicio</a>
		</li>
						
		<li class="active">
			<a href="<?php echo(current_url()); ?>">Modificar</a>
		</li>
	</ul><!-- .breadcrumb -->
	<!-- Fin Informacion de las secciones abiertas -->
</div>

<!-- Seccion de contenido -->
<div class="page-content">
	<div class="page-header">
		<h1>
			Mi Instituci&oacute;n
			<small>
				<i class="icon-double-angle-right"></i>
				Modificar
			</small>
		</h1>
	</div><!-- /.page-header -->
	
	<!-- start: Botonera chica -->
	<div class="row-fluid">						
		<a onclick="modificarInstitucion()" href="#" class="btn btn-app btn-primary btn-sm no-radius">
			<i class="icon-save"></i>
			Guardar			
		</a>		
	</div>
	<!-- end: Botonera chica -->
	
	<div class="hr hr-double hr-dotted hr18"></div>

	<div class="row">		
		<div class="col-xs-12 col-sm-8">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ingrese los datos marcados con (*)</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">
						<form class="form-horizontal" role="form" action="<?php echo(site_url('institucion/modificar/'.$institucionSel->row()->idInstitucion)); ?>" id="formInstitucion" method="post" target="iframeUpload" enctype="multipart/form-data">
							<div id="campoNombre" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="nombre"> Nombre: (*) </label>

								<div class="col-sm-9">
									<input type="text" id="nombre" name="nombre" value="<?php echo($institucionSel->row()->nombre); ?>" placeholder="Ej: Plan 2014" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoFacebook" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="facebook"> Facebook: </label>

								<?php if($institucionSel->row()->facebook != ""){
									//Agregamos el http:// si no esta puesto
									$urlMod = substr($institucionSel->row()->facebook, 0, 5);
									$urlCompleta = $institucionSel->row()->facebook;
									if($urlMod != "http:" && $urlMod != "https"){
										$urlCompleta = "http://" . $institucionSel->row()->facebook;
									}
								?>
								<div class="input-group col-sm-8">
									<input type="text" id="facebook" name="facebook" value="<?php echo($institucionSel->row()->facebook); ?>" placeholder="Ej: www.facebook.com/ipem289" class="form-control"/>
																		
									<span class="input-group-btn">
										<a href="<?php echo($urlCompleta); ?>" target="_blanck"><button type="button" class="btn btn-purple btn-sm">
											Ir <i class="icon-globe icon-on-right bigger-110"></i>
										</button></a>
									</span>									
								</div>
								<?php } else { ?>
								<div class="col-sm-9">
									<input type="text" id="facebook" name="facebook" value="" placeholder="Ej: www.facebook.com/ipem289" class="col-xs-12 col-sm-10" />
								</div>
								<?php } ?>
							</div>
							
							<div id="campoEscudo" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="escudo"> Escudo: </label>

								<div class="col-sm-8">
									<input style="border:1px solid #d5d5d5;padding:3px" type="file" id="escudo" name="escudo" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoDescripcion" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="descripcion"> Descripci&oacute;n: </label>

								<div class="col-sm-9">
									<textarea rows="10" class="col-xs-12 col-sm-10 autosize-transition paddingCinco" id="descripcion" name="descripcion" placeholder=""><?php echo($institucionSel->row()->descripcion); ?></textarea>
								</div>
							</div>
							
							<div id="campoProvincia" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="provincia">Provincia: </label>
								<div class="col-sm-9">
									<select style="padding:3px" id="provincia" name="provincia" class="col-xs-12 col-sm-10" onchange="actualizarLocalidades('<?php echo(base_url()."localidad/buscarLocalidadesPorProvincia/0");?>')">
										<option value="0" selected="selected">- Seleccionar -</option>
										<?php
											//Recorremos todos las provincias que nos paso el controlador y generamos el selector
											foreach ($provincias->result() as $provincia){
												if($provincia->idProvincia == $institucionSel->row()->idProvincia)									
													echo ('<option selected="selected" value="'.$provincia->idProvincia.'">'.$provincia->nombre.'</option>');
												else
													echo ('<option value="'.$provincia->idProvincia.'">'.$provincia->nombre.'</option>');
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoLocalidad" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="localidad">Localidad: </label>
								<div class="col-sm-9">
									<select style="padding:3px" id="localidad" name="localidad" class="col-xs-12 col-sm-10" required>
										<option value="0" selected="selected">- Seleccionar -</option>
										<?php
											//Recorremos todos las localidades que nos paso el controlador y generamos el selector
											foreach ($localidades->result() as $localidad){
												if($localidad->idLocalidad == $institucionSel->row()->idLocalidad)									
													echo ('<option selected="selected" value="'.$localidad->idLocalidad.'">'.$localidad->nombre.'</option>');
												else
													echo ('<option value="'.$localidad->idLocalidad.'">'.$localidad->nombre.'</option>');
											}
										?>
									</select>
								</div>
							</div>
							
							<div id="campoDomicilio" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="domicilio"> Domicilio: </label>

								<div class="col-sm-9">
									<input type="text" id="domicilio" name="domicilio" value="<?php echo($institucionSel->row()->domicilio); ?>" placeholder="Ej: San Mart&iacute;n 256" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoTelefonoFijo" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="telefonoFijo"> Tel&eacute;fono Fijo: </label>

								<div class="col-sm-9">
									<input type="text" id="telefonoFijo" name="telefonoFijo" value="<?php echo($institucionSel->row()->telefonoFijo); ?>" placeholder="Ej: 03537-460854" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoFax" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="fax"> Fax: </label>

								<div class="col-sm-9">
									<input type="text" id="fax" name="fax" value="<?php echo($institucionSel->row()->fax); ?>" placeholder="Ej: 03537-460854" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoEmail" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="email"> Email: </label>

								<div class="col-sm-9">
									<input type="text" id="email" name="email" value="<?php echo($institucionSel->row()->email); ?>" placeholder="Ej: info@instituto.com" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoEmailFacebook" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="emailFacebook"> Email Facebook: </label>

								<div class="col-sm-9">
									<input type="text" id="emailFacebook" name="emailFacebook" value="<?php echo($institucionSel->row()->emailFacebook); ?>" placeholder="Ej: instituto@facebook.com" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campWeb" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="web"> Web: </label>
								
								<?php if($institucionSel->row()->web != ""){ 
									//Agregamos el http:// si no esta puesto
									$urlMod = substr($institucionSel->row()->web, 0, 5);
									$urlCompleta = $institucionSel->row()->web;
									if($urlMod != "http:" && $urlMod != "https"){
										$urlCompleta = "http://" . $institucionSel->row()->web;
									}
								?>
								<div class="input-group col-sm-8">
									<input type="text" id="web" name="web" value="<?php echo($institucionSel->row()->web); ?>" placeholder="Ej: www.instituto.com" class="form-control"/>
																		
									<span class="input-group-btn">
										<a href="<?php echo($urlCompleta); ?>" target="_blanck"><button type="button" class="btn btn-purple btn-sm">
											Ir <i class="icon-globe icon-on-right bigger-110"></i>
										</button></a>
									</span>
								</div>
								<?php } else { ?>
								<div class="col-sm-9">
									<input type="text" id="web" name="web" value="" placeholder="Ej: www.instituto.com" class="col-xs-12 col-sm-10"/>
								</div>
								<?php } ?>
							</div>
							
							<div id="campoNotaMinima" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="notaMinima"> Nota M&iacute;nima: (*) </label>

								<div class="col-sm-9">
									<input type="text" id="notaMinima" name="notaMinima" value="<?php echo($institucionSel->row()->notaMinima); ?>" placeholder="Ej: 6" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div id="campoArchivo" class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="archivo"> Archivo: </label>

								<div class="col-sm-8">
									<input style="border:1px solid #d5d5d5;padding:3px" type="file" id="archivo" name="archivo" class="col-xs-12 col-sm-10" />
								</div>
							</div>
							
							<div class="form-group">
								<div class="col-md-offset-3 col-md-9">
									<button class="btn btn-primary" type="button" onclick="modificarInstitucion()">
										<i class="icon-ok bigger-110"></i>
										Guardar
									</button>
								</div>
							</div>
							
							<iframe id="respuesta" name="iframeUpload" style="display:none"></iframe>
						</form>
					</div>
				</div>
			</div>
		</div><!-- /span -->

		<div class="col-xs-12 col-sm-4">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Ayuda R&aacute;pida</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">
						<p class="alert alert-info">
							- Los campos marcados con (*) son obligatorios.
						</p>
						<p class="alert alert-info">
							- Los campos resaltados en rojo al apretar crear son los campos incompletos que debe llenar.
						</p>
						<p class="alert alert-info">
							- El formato del escudo puede ser: gif | jpg | png | jpeg.
						</p>
						<p class="alert alert-info">
							- El formato del archivo puede ser: gif | jpg | png | jpeg | doc | docx | xls | xlsx | pdf | ppt | xppt | pps.
						</p>
					</div>
				</div>
			</div>
		</div><!-- /span -->

		<div class="col-xs-12 col-sm-4" style="margin-top:10px">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Escudo - Vista Preliminar</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">						
						<?php
							if($institucionSel->row()->hashArchivoEscudo != ""){
						?>
							<img id="imgForm" class="img-responsive" alt="<?php echo($institucionSel->row()->nombre); ?>" src="<?php echo(base_url().'archivo/hash/'.$institucionSel->row()->hashArchivoEscudo); ?>" />
							
						<?php
							} else {
						?>
							<img id="imgForm" class="img-responsive" alt="Sin Imagen" src="<?php echo(base_url().'img/sinImagen.png'); ?>" />
						<?php } ?>
					</div>
				</div>
			</div>
		</div><!-- /span -->
		
		<div class="col-xs-12 col-sm-4" style="margin-top:10px">
			<div class="widget-box">
				<div class="widget-header">
					<h4>Archivo - Vista Preliminar</h4>
				</div>

				<div class="widget-body">
					<div class="widget-main">						
						<?php
							if($institucionSel->row()->hashArchivo != ""){
						?>	
							<a id="archivoForm" target="_blanck" href="<?php echo(base_url().'archivo/hash/'.$institucionSel->row()->hashArchivo); ?>" alt="Archivo Descargable" title="Archivo Descargable"/>Descargar</a>
						<?php
							} else {
						?>
							<a id="archivoForm" target="_blanck" href="" alt="Archivo Descargable" title="Archivo Descargable"/></a>
						<?php } ?>
					</div>
				</div>
			</div>
		</div><!-- /span -->
	</div><!-- /.row -->
</div><!-- /.page-content -->